<template>
  <div>
    <HelloWorld msg="Vue3" />
    <img src="@/assets/32位序列号.png" />
    <img :src="imgUrl" />
    <div class="avatar"></div>
  </div>
</template>

<script setup>
import HelloWorld from "@/components/HelloWorld.vue";
import imgUrl from "@/assets/32位序列号.png";
fetch("/api/todos/1")
  .then((response) => response.json())
  .then((json) => console.log(json));
</script>
<style scoped>
.avatar {
  width: 200px;
  height: 200px;
  background: url(@/assets/32位序列号.png);
  background-size: contain;
}
</style>
